{% extends '_layouts/base.html' %}
{% load i18n %}

{% block title %}{{ object.first_name }} {{ object.last_name }}{% endblock %}

{% block content %}
  <div class="row">
    <div class="col-md-12">
      <h4>{% trans 'Contacts' %}</h4>
      <ul class="list-unstyled">
        {% if object.facebook %}
          <li>
            <a href="{{ object.facebook }}">Facebook</a>
          </li>
        {% endif %}
        <li>
          {% trans 'Email' %} <i class="fa fa-envelope"></i>: <a href="mailto:{{ object.email }}">{{ object.email }}</a>
        </li>
        {% if object.phone %}
          <li>
            {% trans 'Phone' %} <i class="fa fa-phone"></i>: {{ object.phone }}
          </li>
        {% endif %}
      </ul>

      {% if user.is_authenticated and user.id == object.id %}
        <a href="{% url 'users:edit' %}" class="btn btn-primary">{% trans 'Edit' %}</a>
      {% endif %}

      <h4>{% trans 'Registered pets' %}</h4>
      {% include '_partials/pets_list.html' %}
    </div>
  </div>
{% endblock %}